<template>
    <svg  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-3 -3 28 28" class="design-iconfont" v-html="iconConfig[props.iconClass]">
    </svg>
</template>

<script setup lang="ts">
import { ref } from "vue";
const props = defineProps({
  iconClass: {
    type: String,
    required: true
  }
})

const iconConfig = ref<any>({
  'wenjianduqu': ` <rect width="22" height="22" rx="4" fill="#fff"/>
  <path fill="#FFE3E3" fill-opacity=".6" stroke="#EF5C5C" stroke-width=".5" d="M11 3.25A7.75 7.75 0 1 0 11 18.75A7.75 7.75 0 1 0 11 3.25Z"/>
  <path d="M7.56445 12.1314L9.67643 9.41602L11.7884 12.584L13.9004 9.41602" stroke="#EF5C5C" stroke-linecap="round" stroke-linejoin="round"/>`,
  'jiedianguanli': '/svgs/jiedianguanli.svg',
  'yuchuli': `  <rect x=".142578" width="22" height="22" rx="4" fill="#fff"/>
  <path d="M4.18945 5.83984L4.6416 7L7.24673 8.39464L9.8804 8.70962L12.727 8.70962L15.0638 8.05107L16.9757 7L17.3796 5.83984V15.4991C17.3796 15.4991 16.8427 18.3583 10.702 18.3583C4.40146 18.1711 4.18945 15.4991 4.18945 15.4991V5.83984Z" fill="#D0D9FF" fill-opacity=".6"/>
  <path d="M10.774 18.6613C10.9121 18.6613 11.024 18.5493 11.024 18.4113C11.024 18.2732 10.9121 18.1613 10.774 18.1613V18.6613ZM4.4043 15.4258V15.1758H3.9043V15.4258H4.4043ZM10.774 18.1613C8.96937 18.1613 7.35103 17.8334 6.19327 17.3119C5.01283 16.7801 4.4043 16.0952 4.4043 15.4258H3.9043C3.9043 16.4132 4.77419 17.221 5.98791 17.7678C7.2243 18.3247 8.91582 18.6613 10.774 18.6613V18.1613Z" fill="#4966E9"/>
  <path d="M10.7779 15.1964C7.11507 15.1964 4.1582 13.8678 4.1582 12.2109" stroke="#4966E9" stroke-width=".5" stroke-linecap="round"/>
  <path d="M4.1582 9.11328C4.1582 10.7701 7.11507 12.0988 10.7779 12.0988C11.5079 12.0988 12.2103 12.0454 12.8672 11.9469" stroke="#4966E9" stroke-width=".5" stroke-linecap="round"/>
  <path d="M17.3618 6C17.3618 6.33189 17.2098 6.66752 16.8952 6.99437C16.5795 7.32245 16.1106 7.62931 15.5118 7.89245C14.315 8.4184 12.6442 8.75 10.7854 8.75C8.92661 8.75 7.25577 8.4184 6.05898 7.89245C5.46023 7.62931 4.99132 7.32245 4.67556 6.99437C4.36099 6.66752 4.20898 6.33189 4.20898 6C4.20898 5.66811 4.36099 5.33248 4.67556 5.00563C4.99132 4.67755 5.46023 4.37069 6.05898 4.10755C7.25577 3.5816 8.92661 3.25 10.7854 3.25C12.6442 3.25 14.315 3.5816 15.5118 4.10755C16.1106 4.37069 16.5795 4.67755 16.8952 5.00563C17.2098 5.33248 17.3618 5.66811 17.3618 6Z" fill="#D0D9FF" fill-opacity=".6" stroke="#4966E9" stroke-width=".5"/>
  <path d="M4.1543 6V15.375" stroke="#4966E9" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M17.3809 6V11.4501" stroke="#4966E9" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round"/>
  <rect x="14.3672" y="11.7031" width="1" height="2" rx=".5" fill="#4966E9"/>
  <rect width="1" height="2" rx=".5" transform="matrix(1 0 0 -1 14.3672 18.7852)" fill="#4966E9"/>
  <rect x="16.75" y="12.3438" width="1" height="2" rx=".5" transform="rotate(30 16.75 12.3438)" fill="#4966E9"/>
  <rect width="1" height="2" rx=".5" transform="matrix(.86603 -.5 -.5 -.86603 16.75 18.1445)" fill="#4966E9"/>
  <rect width="1" height="2" rx=".5" transform="matrix(-.86603 .5 .5 .86603 12.9863 12.3438)" fill="#4966E9"/>
  <rect x="12.9863" y="18.1445" width="1" height="2" rx=".5" transform="rotate(-150 12.9863 18.1445)" fill="#4966E9"/>
  <rect x="11.5488" y="15.7461" width="1" height="2" rx=".5" transform="rotate(-90 11.5488 15.7461)" fill="#4966E9"/>
  <rect x="16.3242" y="15.7461" width="1" height="2" rx=".5" transform="rotate(-90 16.3242 15.7461)" fill="#4966E9"/>`,
  '_keshihua': ` <rect x=".285156" width="22" height="22" rx="4" fill="#fff"/>
  <rect x="3.53516" y="4.28516" width="15.5002" height="13.4277" rx="1.75" fill="#C9E2FF" fill-opacity=".6" stroke="#0785F9" stroke-width=".5"/>
  <path d="M14.7975 11.9858C14.2631 13.4976 12.8214 14.5807 11.1267 14.5807C8.97701 14.5807 7.23438 12.838 7.23438 10.6884C7.23438 8.99366 8.31748 7.55191 9.82923 7.01758" stroke="#0785F9" stroke-linecap="round"/>
  <path d="M15.3079 9.98905C15.0839 8.2384 13.6968 6.85139 11.9462 6.62738C11.6723 6.59233 11.4473 6.81956 11.4473 7.0957V9.98798C11.4473 10.2641 11.6711 10.488 11.9473 10.488H14.8395C15.1157 10.488 15.3429 10.263 15.3079 9.98905Z" stroke="#0785F9"/>`,
  'tongjifenxi': ` <rect x=".427734" width="22" height="22" rx="4" fill="#fff"/>
  <path d="M18.9453 11.001C18.9453 15.1631 15.5713 18.5371 11.4092 18.5371C7.24709 18.5371 3.87305 15.1631 3.87305 11.001C3.87305 6.83889 7.24709 3.46484 11.4092 3.46484C15.5713 3.46484 18.9453 6.83889 18.9453 11.001Z" fill="#9ED5BB" fill-opacity=".6"/>
  <path d="M17.6708 15.9463L17.3085 15.6017L16.6193 16.3263L16.9816 16.6709L17.6708 15.9463ZM17.7737 17.4243C17.9738 17.6146 18.2903 17.6067 18.4806 17.4066C18.6709 17.2065 18.663 16.8901 18.4629 16.6997L17.7737 17.4243ZM16.9816 16.6709L17.7737 17.4243L18.4629 16.6997L17.6708 15.9463L16.9816 16.6709Z" fill="#318884"/>
  <path d="M4.66797 7.90295C5.84958 5.28605 8.48206 3.46484 11.5399 3.46484C15.702 3.46484 19.076 6.83889 19.076 11.001C19.076 15.1631 15.702 18.5371 11.5399 18.5371C8.48206 18.5371 5.84958 16.7159 4.66797 14.099" stroke="#318884" stroke-width=".5" stroke-linecap="round"/>
  <path d="M4.87294 12.034L6.33558 10.2851L7.8951 12.4686L10.1876 9.68359L12.1785 13.3174L15.1876 8.68359" stroke="#318884" stroke-linecap="round" stroke-linejoin="round"/>
  <path fill="#318884" d="M6.23828 9.375A1 1 0 1 0 6.23828 11.375A1 1 0 1 0 6.23828 9.375Z"/>
  <path fill="#318884" d="M4.87305 11.1328A1 1 0 1 0 4.87305 13.1328A1 1 0 1 0 4.87305 11.1328Z"/>
  <path fill="#318884" d="M7.98633 11.375A1 1 0 1 0 7.98633 13.375A1 1 0 1 0 7.98633 11.375Z"/>
  <path fill="#318884" d="M10.2227 8.49414A1 1 0 1 0 10.2227 10.49414A1 1 0 1 0 10.2227 8.49414Z"/>
  <path fill="#318884" d="M12.2227 12.3164A1 1 0 1 0 12.2227 14.3164A1 1 0 1 0 12.2227 12.3164Z"/>
  <path fill="#318884" d="M15.1875 7.683590000000001A1 1 0 1 0 15.1875 9.68359A1 1 0 1 0 15.1875 7.683590000000001Z"/>`,
  'tezhenggongcheng': `<rect x=".570312" width="22" height="22" rx="4" fill="#fff"/>
  <path d="M4.30859 15.1256V6.49217L11.597 3.67383L18.1507 6.34056L18.9002 7.10726V14.7704L11.597 17.3975L4.30859 15.1256Z" fill="#D99B9B" fill-opacity=".6"/>
  <path d="M18.4223 10.9492L11.9475 13.3746C11.725 13.4579 11.48 13.4593 11.2565 13.3785L4.82031 11.0499" stroke="#893636" stroke-width=".5" stroke-linecap="round"/>
  <path d="M18.4223 15.0078L11.9475 17.4332C11.725 17.5165 11.48 17.5179 11.2565 17.4371L4.82031 15.1085" stroke="#893636" stroke-linecap="round"/>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.9139 7.86892C18.5684 7.62794 18.5684 6.70228 17.9139 6.4613L11.7526 4.19268C11.5853 4.13109 11.4015 4.13109 11.2343 4.19268L5.07289 6.4613C4.41841 6.70228 4.41841 7.62794 5.07289 7.86892L11.2343 10.1375C11.4015 10.1991 11.5853 10.1991 11.7526 10.1375L17.9139 7.86892ZM18.0867 5.9921C19.1775 6.39373 19.1775 7.93649 18.0867 8.33812L11.9253 10.6067C11.6465 10.7094 11.3403 10.7094 11.0615 10.6067L4.90013 8.33812C3.80933 7.93649 3.80933 6.39373 4.90013 5.9921L11.0615 3.72347C11.3403 3.62082 11.6465 3.62082 11.9253 3.72347L18.0867 5.9921Z" fill="#893636"/>`,
  'jiqixuexi': `<rect x=".712891" width="22" height="22" rx="4" fill="#fff"/>
  <rect x="4.71289" y="4" width="14" height="14" rx="2" fill="#BBF4F8" fill-opacity=".6" stroke="#0FBCC7" stroke-width=".5"/>
  <path d="M7.38672 13.5841L11.764 8.89062L16.1413 13.5841" stroke="#0FBCC7" stroke-linecap="round" stroke-linejoin="round"/>
  <path fill="#0FBCC7" d="M11.765 8.050785A0.985725 0.985725 0 1 0 11.765 10.022235A0.985725 0.985725 0 1 0 11.765 8.050785Z"/>
  <path d="M16.9148 13.3549C16.9148 13.8993 16.4735 14.3406 15.9291 14.3406C15.3847 14.3406 14.9434 13.8993 14.9434 13.3549C14.9434 12.8105 15.3847 12.3691 15.9291 12.3691C16.4735 12.3691 16.9148 12.8105 16.9148 13.3549Z" fill="#0FBCC7"/>
  <path d="M8.48122 13.3549C8.48122 13.8993 8.03989 14.3406 7.49549 14.3406C6.95109 14.3406 6.50977 13.8993 6.50977 13.3549C6.50977 12.8105 6.95109 12.3691 7.49549 12.3691C8.03989 12.3691 8.48122 12.8105 8.48122 13.3549Z" fill="#0FBCC7"/>
  <path d="M7.38672 8.41594L11.764 13.1094L16.1413 8.41594" stroke="#0FBCC7" stroke-linecap="round" stroke-linejoin="round"/>
  <path transform="matrix(1 0 0 -1 10.7793 13.9492)" fill="#0FBCC7" d="M0.985725 0A0.985725 0.985725 0 1 0 0.985725 1.97145A0.985725 0.985725 0 1 0 0.985725 0Z"/>
  <path d="M16.9148 8.64513C16.9148 8.10073 16.4735 7.65941 15.9291 7.65941C15.3847 7.65941 14.9434 8.10073 14.9434 8.64513C14.9434 9.18954 15.3847 9.63086 15.9291 9.63086C16.4735 9.63086 16.9148 9.18954 16.9148 8.64513Z" fill="#0FBCC7"/>
  <path d="M8.48122 8.64513C8.48122 8.10073 8.03989 7.65941 7.49549 7.65941C6.95109 7.65941 6.50977 8.10073 6.50977 8.64513C6.50977 9.18954 6.95109 9.63086 7.49549 9.63086C8.03989 9.63086 8.48122 9.18954 8.48122 8.64513Z" fill="#0FBCC7"/>`,
  'peixunpinggu': ` <rect x="-.00195312" width="22" height="22" rx="4" fill="#fff"/>
  <path d="M10.2276 6.11405C10.6531 5.76198 11.343 5.76198 11.7685 6.11405L16.9146 10.372C17.3401 10.7241 17.3401 11.2949 16.9146 11.647L11.7685 15.905C11.343 16.2571 10.6531 16.2571 10.2276 15.905L5.08149 11.647C4.65598 11.2949 4.65598 10.7241 5.08149 10.372L10.2276 6.11405Z" fill="#B8B8EE" fill-opacity=".6"/>
  <path d="M10.2276 6.11405C10.7595 5.67396 11.6218 5.67396 12.1537 6.11405L17.1072 10.2127C17.6391 10.6528 17.6391 11.3663 17.1072 11.8064L16.722 11.4876C17.0411 11.2236 17.0411 10.7955 16.722 10.5314L11.5759 6.27343C11.1504 5.92135 10.5467 5.85 10.2276 6.11405ZM11.9611 16.0644C11.4292 16.5045 10.5669 16.5045 10.035 16.0644L5.08149 11.9658C4.5496 11.5257 4.5496 10.8121 5.08149 10.372C4.76236 10.6361 4.8486 11.1356 5.27411 11.4876L10.4202 15.7456C10.7393 16.0097 11.2568 16.0097 11.5759 15.7456L11.9611 16.0644ZM4.31104 11.0095L10.998 5.47656L4.31104 11.0095ZM17.1072 10.2127C17.6391 10.6528 17.6391 11.3663 17.1072 11.8064L11.9611 16.0644C11.4292 16.5045 10.5669 16.5045 10.035 16.0644L10.4202 15.7456C10.7393 16.0097 11.2568 16.0097 11.5759 15.7456L16.722 11.4876C17.0411 11.2236 17.0411 10.7955 16.722 10.5314L17.1072 10.2127Z" fill="#2727A5"/>
  <rect width="8.67927" height="8.67927" rx="1" transform="matrix(.77046 .6375 -.77046 .6375 10.998 5.47656)" fill="#B8B8EE" fill-opacity=".6" stroke="#2727A5" stroke-width=".5"/>
  <path d="M10.998 5.47656L4.31104 11.0095" stroke="#2727A5"/>
  <path d="M12.4981 5.9091C12.4981 6.59455 11.8265 7.15022 10.9981 7.15022C10.1696 7.15022 9.49806 6.59455 9.49806 5.9091C9.49806 5.22364 10.1696 4.66797 10.9981 4.66797C11.8265 4.66797 12.4981 5.22364 12.4981 5.9091Z" fill="#2727A5"/>
  <path d="M18.998 11.0086C18.998 11.694 18.3265 12.2497 17.498 12.2497C16.6696 12.2497 15.998 11.694 15.998 11.0086C15.998 10.3231 16.6696 9.76746 17.498 9.76746C18.3265 9.76746 18.998 10.3231 18.998 11.0086Z" fill="#2727A5"/>
  <path d="M12.4983 16.089C12.4983 16.7744 11.8267 17.3301 10.9983 17.3301C10.1699 17.3301 9.49829 16.7744 9.49829 16.089C9.49829 15.4035 10.1699 14.8478 10.9983 14.8478C11.8267 14.8478 12.4983 15.4035 12.4983 16.089Z" fill="#2727A5"/>
  <path d="M5.99805 11.0086C5.99805 11.694 5.32647 12.2497 4.49805 12.2497C3.66962 12.2497 2.99805 11.694 2.99805 11.0086C2.99805 10.3231 3.66962 9.76746 4.49805 9.76746C5.32647 9.76746 5.99805 10.3231 5.99805 11.0086Z" fill="#2727A5"/>`,
  'pingtaigongneng': ` <rect x=".855469" width="22" height="22" rx="4" fill="#fff"/>
  <mask id="fykrpwrka__dl96z30mda" fill="#fff">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.40559 8.27787C7.95589 6.27814 9.70593 4.81641 11.7797 4.81641C13.6624 4.81641 15.2782 6.02111 15.9718 7.73937L15.9915 7.73932C18.3177 7.73932 20.2035 9.71453 20.2035 12.1511C20.2035 14.5876 18.3177 16.5628 15.9915 16.5628C15.9114 16.5628 15.6751 16.5628 15.4356 16.5606H7.04098C5.00553 16.5606 3.35547 14.702 3.35547 12.4092C3.35547 10.1165 5.00553 8.25781 7.04098 8.25781C7.16402 8.25781 7.28564 8.2646 7.40559 8.27787Z"/>
  </mask>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.40559 8.27787C7.95589 6.27814 9.70593 4.81641 11.7797 4.81641C13.6624 4.81641 15.2782 6.02111 15.9718 7.73937L15.9915 7.73932C18.3177 7.73932 20.2035 9.71453 20.2035 12.1511C20.2035 14.5876 18.3177 16.5628 15.9915 16.5628C15.9114 16.5628 15.6751 16.5628 15.4356 16.5606H7.04098C5.00553 16.5606 3.35547 14.702 3.35547 12.4092C3.35547 10.1165 5.00553 8.25781 7.04098 8.25781C7.16402 8.25781 7.28564 8.2646 7.40559 8.27787Z" fill="#DFDFDF" fill-opacity=".6"/>
  <path d="M7.40559 8.27787L7.35061 8.77484L7.77451 8.82173L7.88767 8.41053L7.40559 8.27787ZM15.9718 7.73937L15.5082 7.92652L15.6348 8.24017L15.973 8.23936L15.9718 7.73937ZM15.9915 7.73932L15.9915 7.23932L15.9903 7.23932L15.9915 7.73932ZM15.4356 16.5606L15.4402 16.0606H15.4356V16.5606ZM7.88767 8.41053C8.38413 6.60644 9.95239 5.31641 11.7797 5.31641V4.31641C9.45948 4.31641 7.52764 5.94985 6.92351 8.14521L7.88767 8.41053ZM11.7797 5.31641C13.4393 5.31641 14.8834 6.37888 15.5082 7.92652L16.4355 7.55221C15.673 5.66334 13.8854 4.31641 11.7797 4.31641V5.31641ZM15.973 8.23936L15.9927 8.23932L15.9903 7.23932L15.9706 7.23937L15.973 8.23936ZM15.9915 8.23932C18.02 8.23932 19.7035 9.96859 19.7035 12.1511H20.7035C20.7035 9.46047 18.6154 7.23932 15.9915 7.23932V8.23932ZM19.7035 12.1511C19.7035 14.3336 18.02 16.0628 15.9915 16.0628V17.0628C18.6154 17.0628 20.7035 14.8417 20.7035 12.1511H19.7035ZM15.9915 16.0628C15.9115 16.0628 15.6772 16.0628 15.4402 16.0606L15.4309 17.0606C15.6729 17.0628 15.9113 17.0628 15.9915 17.0628V16.0628ZM7.04098 17.0606H15.4356V16.0606H7.04098V17.0606ZM2.85547 12.4092C2.85547 14.9205 4.6751 17.0606 7.04098 17.0606V16.0606C5.33596 16.0606 3.85547 14.4834 3.85547 12.4092H2.85547ZM7.04098 7.75781C4.6751 7.75781 2.85547 9.89792 2.85547 12.4092H3.85547C3.85547 10.335 5.33596 8.75781 7.04098 8.75781V7.75781ZM7.46056 7.7809C7.32242 7.76562 7.18244 7.75781 7.04098 7.75781V8.75781C7.1456 8.75781 7.24887 8.76359 7.35061 8.77484L7.46056 7.7809Z" fill="#383838" mask="url(#fykrpwrka__dl96z30mda)"/>
  <path d="M12.1011 10.5L11.459 13.3944" stroke="#383838" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M9.30078 11.1211L7.98458 12.2545L9.40373 13.2438" stroke="#383838" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M14.2598 13.3086L15.576 12.1752L14.1568 11.1859" stroke="#383838" stroke-linecap="round" stroke-linejoin="round"/>`,
  'moxingxunlian': ` <rect x="-.00195312" width="22" height="22" rx="4" fill="#fff"/>
  <path d="M10.2276 6.11405C10.6531 5.76198 11.343 5.76198 11.7685 6.11405L16.9146 10.372C17.3401 10.7241 17.3401 11.2949 16.9146 11.647L11.7685 15.905C11.343 16.2571 10.6531 16.2571 10.2276 15.905L5.08149 11.647C4.65598 11.2949 4.65598 10.7241 5.08149 10.372L10.2276 6.11405Z" fill="#B8B8EE" fill-opacity=".6"/>
  <path d="M10.2276 6.11405C10.7595 5.67396 11.6218 5.67396 12.1537 6.11405L17.1072 10.2127C17.6391 10.6528 17.6391 11.3663 17.1072 11.8064L16.722 11.4876C17.0411 11.2236 17.0411 10.7955 16.722 10.5314L11.5759 6.27343C11.1504 5.92135 10.5467 5.85 10.2276 6.11405ZM11.9611 16.0644C11.4292 16.5045 10.5669 16.5045 10.035 16.0644L5.08149 11.9658C4.5496 11.5257 4.5496 10.8121 5.08149 10.372C4.76236 10.6361 4.8486 11.1356 5.27411 11.4876L10.4202 15.7456C10.7393 16.0097 11.2568 16.0097 11.5759 15.7456L11.9611 16.0644ZM4.31104 11.0095L10.998 5.47656L4.31104 11.0095ZM17.1072 10.2127C17.6391 10.6528 17.6391 11.3663 17.1072 11.8064L11.9611 16.0644C11.4292 16.5045 10.5669 16.5045 10.035 16.0644L10.4202 15.7456C10.7393 16.0097 11.2568 16.0097 11.5759 15.7456L16.722 11.4876C17.0411 11.2236 17.0411 10.7955 16.722 10.5314L17.1072 10.2127Z" fill="#2727A5"/>
  <rect width="8.67927" height="8.67927" rx="1" transform="matrix(.77046 .6375 -.77046 .6375 10.998 5.47656)" fill="#B8B8EE" fill-opacity=".6" stroke="#2727A5" stroke-width=".5"/>
  <path d="M10.998 5.47656L4.31104 11.0095" stroke="#2727A5"/>
  <path d="M12.4981 5.9091C12.4981 6.59455 11.8265 7.15022 10.9981 7.15022C10.1696 7.15022 9.49806 6.59455 9.49806 5.9091C9.49806 5.22364 10.1696 4.66797 10.9981 4.66797C11.8265 4.66797 12.4981 5.22364 12.4981 5.9091Z" fill="#2727A5"/>
  <path d="M18.998 11.0086C18.998 11.694 18.3265 12.2497 17.498 12.2497C16.6696 12.2497 15.998 11.694 15.998 11.0086C15.998 10.3231 16.6696 9.76746 17.498 9.76746C18.3265 9.76746 18.998 10.3231 18.998 11.0086Z" fill="#2727A5"/>
  <path d="M12.4983 16.089C12.4983 16.7744 11.8267 17.3301 10.9983 17.3301C10.1699 17.3301 9.49829 16.7744 9.49829 16.089C9.49829 15.4035 10.1699 14.8478 10.9983 14.8478C11.8267 14.8478 12.4983 15.4035 12.4983 16.089Z" fill="#2727A5"/>
  <path d="M5.99805 11.0086C5.99805 11.694 5.32647 12.2497 4.49805 12.2497C3.66962 12.2497 2.99805 11.694 2.99805 11.0086C2.99805 10.3231 3.66962 9.76746 4.49805 9.76746C5.32647 9.76746 5.99805 10.3231 5.99805 11.0086Z" fill="#2727A5"/>`,
})

</script>

<style lang="scss" scoped>
.svgBox {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
}

.imgTo {
  vertical-align: middle;
  background: white;
  border-radius: 3px;
  padding: 2px;
}
</style>
